<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div id="accordion">
	<h3>
		<a class="sido" href="">서울</a>
	</h3>
	<div class="area">
		<ul>
			<c:forEach var="ll" items="${loc_list}">
				<c:if test="${ll.sido eq '서울'}"><c:set var="gu" value="${ll.gugun.split(' ')}" />
					<li class="gu">${gu[0]}</li>							
				<c:forEach var="cl" items="${cine_list}"><c:set var="cgu" value="${cl.gugun.split(' ')}" />							
					<c:if test="${gu[0] eq cgu[0]}">
						<li><a onclick="getdate(${cl.movno},${cl.zipseq}, '${cl.cinename}')" href="#">${cl.cinename}</a></li>
					</c:if>								
				</c:forEach>
				</c:if>
			</c:forEach>
		</ul>
	</div>
	<h3>
		<a class="sido" href="">인천/경기</a>
	</h3>
	<div class="area">
		<ul>
			<c:forEach var="ll" items="${loc_list}">
				<c:if test="${ll.sido eq '인천' or ll.sido eq '경기'}"><c:set var="gu" value="${ll.gugun.split(' ')}" />
					<li class="gu">${gu[0]}</li>							
				<c:forEach var="cl" items="${cine_list}"><c:set var="cgu" value="${cl.gugun.split(' ')}" />							
					<c:if test="${gu[0] eq cgu[0]}">
						<li><a onclick="getdate(${cl.movno},${cl.zipseq},'${cl.cinename}')" href="#">${cl.cinename}</a></li>
					</c:if>								
				</c:forEach>
				</c:if>
			</c:forEach>
		</ul>
	</div>
	<h3>
		<a class="sido" href="">대전/충청,강원</a>
	</h3>
	<div class="area">
		<ul>
		</ul>
	</div>
	<h3>
		<a class="sido" href="">부산,대구,울산/경상</a>
	</h3>
	<div class="area">
		<ul>
		</ul>
	</div>

	<h3>
		<a class="sido" href="">광주/전라,제주</a>
	</h3>
	<div class="area">
		<ul>
		</ul>
	</div>
</div>
<script>
	$(function() {
		$("#accordion").accordion({
			collapsible : true
		});
	});		
</script>
